<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<style>
	*{
		margin: 0px;
		height: 0px;
	}
	nav{
		width: 80vw;
		height: 5vh;
		background-color: rgb(142, 164, 202);
		margin: auto;
		color: rgb(93, 79, 87);
	}
	nav span{
		width: 2vw;
		font-size: 2vw;
        position: relative;
        left: 5%;
	}
	#box{
		position: relative;
		margin: auto;
		width: 80vw;
		height: 90vh;
		background-color: rgb(41, 45, 51);
	}
	.talkInformation{
		position: relative;
		float: left;
		width: 20%;
		height: 5vh;
		background-color: rgb(0, 0, 0);
		border: 0.1vh solid;
		border-radius: 0 0 2.5vh 0;

	}
	.talkInformation img{
		position: relative;
		width: 5vh;
		height: 100%;
		border: 1px solid;
	}
	.talkInformation p{
		position: relative;
		float: right;
		width: 60%;
		height: 100%;
		line-height: 200%;
		text-align: center;
		color: white;
	}
	.inputText{
		position: relative;
		top: 94.5%;
		width: 100%;
		height: 5vh;
		background-color: pink;
	}
</style>
<body>
	<nav>
		<span>WeBlog</span>
	</nav>
	<div id="box">
		<div class="talkInformation">
			<img src="" alt="">
			<p>talkUserName</p>
		</div>
		<div class="inputText">
			<div class="F">
				
			</div>
			<div></div>
			<div></div>
		</div>
	</div>
</body>
<script src="js/jquery.min.js"></script>
<script>
</script>
</html>